<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>订单管理</title>
    <link rel="stylesheet" href="css/Order.css">
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/bootstrap.css">
    <style>
        body {
            background-color: #ededed;
        }
    </style>
</head>

<body>
    <iframe name="header_iframe" onload="this.height=this.contentWindow.document.body.scrollHeight" width=100% src="./components/header02.html" frameborder=0 scrolling="no"></iframe>
    <div class="container">
        <div class="sidebar">
            <div class="sidebar-item">
                <div class="left"></div>
                <div class="icon"><img src="img/manage/user_info.png" alt=""></div>
                <a href="UserInfo.html" style="color: #8C8C8C;">个人信息</a>
            </div>
            <div class="sidebar-item">
                <div class="left"></div>
                <div class="icon"><img src="img/manage/shopping_car.png" alt=""></div>
                <a href="ShoppingCar.html" style="color: #8C8C8C;">购物车</a>
            </div>
            <div class="click sidebar-item">
                <div class="left"></div>
                <div class="icon"><img src="img/manage/click_order.png" alt=""></div>
                我的订单
            </div>
            <div class="sidebar-item">
                <div class="left"></div>
                <div class="icon"><img src="img/manage/address.png" alt=""></div>
                <a href="Address.html" style="color: #8C8C8C;">收货地址</a>
            </div>
            <div class="sidebar-item">
                <div class="left"></div>
                <div class="icon"><img src="img/manage/track.png" alt=""></div>
                <a href="Track.html" style="color: #8C8C8C;">我的足迹</a>
            </div>
        </div>
        <!--    内容-->
        <div class="content">
            <div class="header">
                <div class="title">我的订单</div>
                <div class="hr"></div>
            </div>
            <div class="details">
                <div class="item">
                    <div class="checkbox">
                        <label>
                        <input type="checkbox">
                    </label>
                    </div>
                    <!-- 商品封面-->
                    <div class="image">
                        <img style="width: 138px;height: 138px;" src="img/shopping/中鲜生云南牛奶小芋头新鲜农家粉糯毛芋头艿香净重9斤农产品5.jpg" alt="">
                    </div>
                    <div class="title">
                        中鲜生云南牛奶小芋头新鲜农家粉糯毛芋头艿香净重9斤农产品5
                    </div>
                    <!-- <div class="version">
                        <div class="version-item">
                            <div class="key">口味</div>
                            <div class="value">闪冲花神咖啡礼盒</div>
                        </div>
                        <div class="version-item">
                            <div class="key">净含量</div>
                            <div class="value">1x12x2g</div>
                        </div>
                    </div> -->
                    <div class="price">¥<span>89</span>.00</div>
                    <div class="state">
                        您已在湖南汽车工程学院株百广场菜鸟驿站取出
                    </div>
                    <div class="control">
                        <input type="button" value="删除" class="check-button">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <iframe name="footer_iframe" onload="this.height=this.contentWindow.document.body.scrollHeight" width=100% src="./components/footer.html" frameborder=0 scrolling="no"></iframe>
</body>

</html>